<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!--SEO优化项 -->
    <title>公告信息</title>
    <meta name="description" content="这里输入网站简介" />
    <meta name="Keywords" content="这里输入网站关键词" />
    <!-- 引入facicon.ico网页图标 -->
    <link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />
    <!-- 引入css 初始化的css 文件 -->
    <link rel="stylesheet" href="css/base.css">
    <!-- 引入公共样式的css 文件 -->
    <link rel="stylesheet" href="css/common.css">
    <!-- 引入本页面css 文件 -->
    <link rel="stylesheet" href="css/08-01.css">
</head>

<body>
    <div class="w1920 bg">


        <!-- 顶部快捷导航 -->
        <div class="nav">
            <!-- logo -->
            <div class="logo fl">
                <img src="img/duocaiyoueryuan_logo.png" width="80px" height="81px" alt="logo">
            </div>
            <!-- 导航按钮 -->
            <div class="nav-box fl">
                <!-- 首页——导航图标模块 -->
                <a href="index.html">
                    <div class="nav-bar" style="width: 47px;height: 69px;">

                        <ul class="nav-box-color">
                            <li class="nav-box-color-icon">
                                <img src="img/index@2x.png" width="23px" height="23px" alt="indexIcon">
                            </li>
                            <li class="nav-box-color-text">首页</li>
                        </ul>
                        <!-- <ul class="nav-box-Selected" style="left: 16px;"></ul> -->

                    </div>
                </a>

                <!-- 班级动态——导航图标模块 -->
                <a href="bjdt.html">
                    <div class="nav-bar" style="width:58px; height:69px; margin-left:48px;">
                        <ul class="nav-box-color-four">
                            <li class="nav-box-color-icon">
                                <img src="img/班级 拷贝 2@2x.png" width="23px" height="23px" alt="indexIcon">
                            </li>
                        </ul>
                        <li class="nav-box-color-text-four">班级动态</li>
                        <!-- <ul class="nav-box-Selected" style="left: 22px;"></ul> -->
                    </div>
                </a>


                <!-- 宝宝课表——导航图标模块 -->
                <a href="bbkc.html">
                    <div class="nav-bar" style="width:58px; height:69px; margin-left: 47px;">
                        <ul class="nav-box-color-four">
                            <li class="nav-box-icon" style="top: 13px;left: 13px;">
                                <img src="img/课表@2x 拷贝 2@2x.png" width="22px" height="22px" alt="indexIcon">
                            </li>
                        </ul>
                        <li class="nav-box-color-text-four">宝宝课表</li>
                        <!-- <ul class="nav-box-Selected" style="left: 22px;"></ul> -->
                    </div>
                </a>

                <!-- 宝宝请假——导航图标模块 -->
                <a href="09-02.html">
                    <div class="nav-bar" style="width:58px; height:69px; margin-left: 48px;">
                        <ul class="nav-box-color-four">
                            <li href="09-02.html" class="nav-box-icon" style="top: 12px;left: 11px;">
                                <img src="img/学生请假 拷贝 2@2x.png" width="25px" height="23px" alt="indexIcon">
                            </li>
                        </ul>
                        <li class="nav-box-color-text-four">宝宝请假</li>
                        <!-- <ul class="nav-box-Selected" style="left: 22px;"></ul> -->
                    </div>
                </a>

                <!-- 幼儿园介绍——导航图标模块 -->
                <a href="08-05.html">
                    <div class="nav-bar" style="width:58px; height:69px; margin-left: 48px;">
                        <ul class="nav-box-color-five">
                            <li class="nav-box-icon" style="top: 13px;left: 13px;">
                                <img src="img/幼儿园 拷贝 2@2x.png" width="22px" height="25px" alt="indexIcon">
                            </li>
                        </ul>
                        <li class="nav-box-color-text-five">幼儿园介绍</li>
                        <ul class="nav-box-Selected" style="left: 27px;"></ul>
                    </div>
                </a>

                <!-- 出勤详情——导航图标模块 -->
                <a href="07-02.html">
                    <div class="nav-bar" style="width:58px; height:69px; margin-left: 48px;">
                        <ul class="nav-box-color-four">
                            <li class="nav-box-icon" style="top: 12px;left: 13px;">
                                <img src="img/出勤 拷贝 2@2x.png" width="22px" height="23px" alt="indexIcon">
                            </li>
                        </ul>
                        <li class="nav-box-color-text-four">出勤详情</li>
                        <!-- <ul class="nav-box-Selected" style="left: 22px;"></ul> -->
                    </div>
                </a>

                <!-- 发展评价——导航图标模块 -->
                <a href="10.html">
                    <div class="nav-bar" style="width:58px; height:69px; margin-left: 48px;">
                        <ul class="nav-box-color-four">
                            <li href="10.html" class="nav-box-color-icon">
                                <img src="img/评价 (1) 拷贝 2@2x.png" width="23px" height="23px" alt="indexIcon">
                            </li>
                        </ul>
                        <li class="nav-box-color-text-four">发展评价</li>
                        <!-- <ul class="nav-box-Selected" style="left: 22px;"></ul> -->
                    </div>
                </a>

                <!-- 发展评价——导航图标模块 -->
                <a href="05.html">
                    <div class="nav-bar" style="width:58px; height:69px; margin-left: 48px;">
                        <ul class="nav-box-color-four">
                            <li class="nav-box-icon" style="top: 13px;left: 11px;">
                                <img src="img/相册 拷贝 2@2x.png" width="25px" height="25px" alt="indexIcon">
                            </li>
                        </ul>
                        <li class="nav-box-color-text-four">宝宝相册</li>
                        <!-- <ul class="nav-box-Selected" style="left: 22px;"></ul> -->
                    </div>
                </a>

                <!-- 宝宝课表——导航图标模块 -->
                <a href="01.html">
                    <div class="nav-bar" style="width:58px; height:69px; margin-left: 48px;">
                        <ul class="nav-box-color-four">
                            <li class="nav-box-icon" style="top: 13px;left: 13px;">
                                <img src="img/设置 拷贝 2@2x.png" width="22px" height="22px" alt="indexIcon">
                            </li>
                        </ul>
                        <li class="nav-box-color-text-four">班牌设置</li>
                        <!-- <ul class="nav-box-Selected" style="left:22px;"></ul> -->
                    </div>
                </a>

            </div>
            <!-- 日期天气时间 -->
            <div class="weatherDate-Box fr">
                <ul class="temperature fr">21-32°C</ul>
                <ul class="weather fr">
                    <img src="img/天气@2x.png" width="54px" height="53px" alt="weather">
                </ul>
                <ul class="time fr">14 : 43</ul>
                <ul class="dateBox fl">
                    <li class="date">2020-11-16</li>
                    <li class="week">星期一</li>
                </ul>
            </div>
            <!-- 顶部快捷导航start -->
        </div>

        <div class="centerBox fl">

            <div class="animal">
                <a href="javascript:;" class="" title="animal" target="">
                    <img src="img/千库网_手绘卡通可爱小动物图标_元素编号10417886 拷贝 6@2x.png" width="768px" height="108px" alt="">
                </a>
            </div>

            <!-- 信息模块 -->
            <div class="centerInfoBox">

                <!-- 信息行模块 -->
                <div class="lineBox">
                    <a href="javascript:;" class="lineBox-img" title="animal" target="">
                        <img src="img/jiantou-copy-copy-copy@2x.png" width="11px" height="16px" alt="">
                    </a>
                    <a href="javascript:;" title="" target="" class="lineBox-text">一个简洁的公告信息</a>
                    <a href="javascript:;" title="" target="" class="lineBox-date">2020/05/25</a>
                </div>

                <!-- 信息行模块 -->
                <div class="lineBox">
                    <a href="javascript:;" class="lineBox-img" title="animal" target="">
                        <img src="img/jiantou-copy-copy-copy@2x.png" width="11px" height="16px" alt="">
                    </a>
                    <a href="javascript:;" title="" target="" class="lineBox-text">一个简洁的公告信息</a>
                    <a href="javascript:;" title="" target="" class="lineBox-date">2020/05/25</a>
                </div>

                <!-- 信息行模块 -->
                <div class="lineBox">
                    <a href="javascript:;" class="lineBox-img" title="animal" target="">
                        <img src="img/jiantou-copy-copy-copy@2x.png" width="11px" height="16px" alt="">
                    </a>
                    <a href="javascript:;" title="" target="" class="lineBox-text">一个简洁的公告信息</a>
                    <a href="javascript:;" title="" target="" class="lineBox-date">2020/05/25</a>
                </div>

                <!-- 信息行模块 -->
                <div class="lineBox">
                    <a href="javascript:;" class="lineBox-img" title="animal" target="">
                        <img src="img/jiantou-copy-copy-copy@2x.png" width="11px" height="16px" alt="">
                    </a>
                    <a href="javascript:;" title="" target="" class="lineBox-text">一个简洁的公告信息</a>
                    <a href="javascript:;" title="" target="" class="lineBox-date">2020/05/25</a>
                </div>

                <!-- 信息行模块 -->
                <div class="lineBox">
                    <a href="javascript:;" class="lineBox-img" title="animal" target="">
                        <img src="img/jiantou-copy-copy-copy@2x.png" width="11px" height="16px" alt="">
                    </a>
                    <a href="javascript:;" title="" target="" class="lineBox-text">一个简洁的公告信息</a>
                    <a href="javascript:;" title="" target="" class="lineBox-date">2020/05/25</a>
                </div>

                <!-- 信息行模块 -->
                <div class="lineBox">
                    <a href="javascript:;" class="lineBox-img" title="animal" target="">
                        <img src="img/jiantou-copy-copy-copy@2x.png" width="11px" height="16px" alt="">
                    </a>
                    <a href="javascript:;" title="" target="" class="lineBox-text">一个简洁的公告信息</a>
                    <a href="javascript:;" title="" target="" class="lineBox-date">2020/05/25</a>
                </div>

                <!-- 信息行模块 -->
                <div class="lineBox">
                    <a href="javascript:;" class="lineBox-img" title="animal" target="">
                        <img src="img/jiantou-copy-copy-copy@2x.png" width="11px" height="16px" alt="">
                    </a>
                    <a href="javascript:;" title="" target="" class="lineBox-text">一个简洁的公告信息</a>
                    <a href="javascript:;" title="" target="" class="lineBox-date">2020/05/25</a>
                </div>

                <!-- 信息行模块 -->
                <div class="lineBox">
                    <a href="javascript:;" class="lineBox-img" title="animal" target="">
                        <img src="img/jiantou-copy-copy-copy@2x.png" width="11px" height="16px" alt="">
                    </a>
                    <a href="javascript:;" title="" target="" class="lineBox-text">一个简洁的公告信息</a>
                    <a href="javascript:;" title="" target="" class="lineBox-date">2020/05/25</a>
                </div>

                <!-- 信息行模块 -->
                <div class="lineBox">
                    <a href="javascript:;" class="lineBox-img" title="animal" target="">
                        <img src="img/jiantou-copy-copy-copy@2x.png" width="11px" height="16px" alt="">
                    </a>
                    <a href="javascript:;" title="" target="" class="lineBox-text">一个简洁的公告信息</a>
                    <a href="javascript:;" title="" target="" class="lineBox-date">2020/05/25</a>
                </div>

                <!-- 信息行模块 -->
                <div class="lineBox">
                    <a href="javascript:;" class="lineBox-img" title="animal" target="">
                        <img src="img/jiantou-copy-copy-copy@2x.png" width="11px" height="16px" alt="">
                    </a>
                    <a href="javascript:;" title="" target="" class="lineBox-text">一个简洁的公告信息</a>
                    <a href="javascript:;" title="" target="" class="lineBox-date">2020/05/25</a>
                </div>

                <!-- 信息行模块 -->
                <div class="lineBox">
                    <a href="javascript:;" class="lineBox-img" title="animal" target="">
                        <img src="img/jiantou-copy-copy-copy@2x.png" width="11px" height="16px" alt="">
                    </a>
                    <a href="javascript:;" title="" target="" class="lineBox-text">一个简洁的公告信息</a>
                    <a href="javascript:;" title="" target="" class="lineBox-date">2020/05/25</a>
                </div>

                <!-- 信息行模块 -->
                <div class="lineBox">
                    <a href="javascript:;" class="lineBox-img" title="animal" target="">
                        <img src="img/jiantou-copy-copy-copy@2x.png" width="11px" height="16px" alt="">
                    </a>
                    <a href="javascript:;" title="" target="" class="lineBox-text">一个简洁的公告信息</a>
                    <a href="javascript:;" title="" target="" class="lineBox-date">2020/05/25</a>
                </div>

                <!-- 信息行模块 -->
                <div class="lineBox">
                    <a href="javascript:;" class="lineBox-img" title="animal" target="">
                        <img src="img/jiantou-copy-copy-copy@2x.png" width="11px" height="16px" alt="">
                    </a>
                    <a href="javascript:;" title="" target="" class="lineBox-text">一个简洁的公告信息</a>
                    <a href="javascript:;" title="" target="" class="lineBox-date">2020/05/25</a>
                </div>

                <!-- 信息行模块 -->
                <div class="lineBox">
                    <a href="javascript:;" class="lineBox-img" title="animal" target="">
                        <img src="img/jiantou-copy-copy-copy@2x.png" width="11px" height="16px" alt="">
                    </a>
                    <a href="javascript:;" title="" target="" class="lineBox-text">一个简洁的公告信息</a>
                    <a href="javascript:;" title="" target="" class="lineBox-date">2020/05/25</a>
                </div>











            </div>



        </div>
        <div class="lion">
            <!-- <a href="javascript:;" class="" title="lion" target=""> -->
            <img src="img/千库网_卡通风格小熊和蝴蝶_元素编号12299541@2x.png" width="320px" height="339px" alt="">
            <!-- </a> -->
        </div>

        <div class="lujing">
            <ul class="lujing-text">幼儿园介绍 > 公告信息</ul>
        </div>

        <div class="cebianlan">
            <!-- 导航栏按钮 -->
            <div class="SidebarBtn01 fr">
                <!-- <img class="imgPosition fl" src="img/图层 24 拷贝 29@2x.png" width="255px" height="66px" alt=""> -->
                <a href="08-05.html" class="SidebarBtn-text fl " title=" " target=" ">园区介绍</a>
            </div>

            <!-- 导航栏按钮 -->
            <div class="SidebarBtn01 fr ">
                <!-- <img class="imgPosition fl " src="img/图层 24 拷贝 29@2x.png " width="255px " height="66px " alt=" "> -->
                <a href="08-04.html " class="SidebarBtn-text fl " title=" " target=" ">教师风采</a>
            </div>

            <!-- 导航栏按钮 -->
            <div class="SidebarBtn01 fr ">
                <!-- <img class="imgPosition fl " src="img/图层 24 拷贝 29@2x.png " width="255px " height="66px " alt=" "> -->
                <a href="08-02.html " class="SidebarBtn-text fl " title=" " target=" ">新闻动态</a>
            </div>

            <!-- 导航栏按钮 -->
            <div class="SidebarBtn02 fr ">
                <img class="imgPosition fl " src="img/图层 24 拷贝 29@2x.png " width="255px " height="66px " alt=" ">
                <a href="08-01.html " class="SidebarBtn02-text fl " title=" " target=" ">公告信息</a>
            </div>







        </div>





    </div>
</body>

</html>